/* 彩色icon */
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

 /* margin-top */
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-45 {
  margin-top: 45px;
}
.mt-50 {
  margin-top: 50px;
}


 /* margin-right */
.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-35 {
  margin-right: 35px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-45 {
  margin-right: 45px;
}
.mr-50 {
  margin-right: 50px;
}



 /* margin-bottom */
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-45 {
  margin-bottom: 45px;
}
.mb-50 {
  margin-bottom: 50px;
}



 /* ml-5  */
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-35 {
  margin-left: 35px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-45 {
  margin-left: 45px;
}
.ml-50 {
  margin-left: 50px;
}



 /* padding-top */
.pt-5 {
 padding-top: 5px;
}
.pt-10 {
 padding-top: 10px;
}
.pt-15 {
 padding-top: 15px;
}
.pt-20 {
 padding-top: 20px;
}
.pt-25 {
 padding-top: 25px;
}
.pt-30 {
 padding-top: 30px;
}
.pt-35 {
 padding-top: 35px;
}
.pt-40 {
 padding-top: 40px;
}
.pt-45 {
 padding-top: 45px;
}
.pt-50 {
 padding-top: 50px;
}

 /* padding-right */
.pr-5 {
 padding-right: 5px;
}
.pr-10 {
 padding-right: 10px;
}
.pr-15 {
 padding-right: 15px;
}
.pr-20 {
 padding-right: 20px;
}
.pr-25 {
 padding-right: 25px;
}
.pr-30 {
 padding-right: 30px;
}
.pr-35 {
 padding-right: 35px;
}
.pr-40 {
 padding-right: 40px;
}
.pr-45 {
 padding-right: 45px;
}
.pr-50 {
 padding-right: 50px;
}


 /* padding-bottom */
.pb-5 {
 padding-bottom: 5px;
}
.pb-10 {
 padding-bottom: 10px;
}
.pb-15 {
 padding-bottom: 15px;
}
.pb-20 {
 padding-bottom: 20px;
}
.pb-25 {
 padding-bottom: 25px;
}
.pb-30 {
 padding-bottom: 30px;
}
.pb-35 {
 padding-bottom: 35px;
}
.pb-40 {
 padding-bottom: 40px;
}
.pb-45 {
 padding-bottom: 45px;
}
.pb-50 {
 padding-bottom: 50px;
}


 /* padding-left */
.pl-5 {
 padding-left: 5px;
}
.pl-10 {
 padding-left: 10px;
}
.pl-15 {
 padding-left: 15px;
}
.pl-20 {
 padding-left: 20px;
}
.pl-25 {
 padding-left: 25px;
}
.pl-30 {
 padding-left: 30px;
}
.pl-35 {
 padding-left: 35px;
}
.pl-40 {
 padding-left: 40px;
}
.pl-45 {
 padding-left: 45px;
}
.pl-50 {
 padding-left: 50px;
}


 /* float */
.float-left {
  float: left;
}
.float-right {
  float: right;
}


 /* display */
.display-none {
  display: none;
}
.display-block {
  display: block;
}

.bnd-button-large {
  min-width: 150px;
  height: 40px;
}

 /* align */
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}

.table-svg{
  height:20px;
  width:20px;
  vertical-align: middle;
}

 /* background-color */
.pink-bgc {
  background-color: pink;
}

.blue-bgc {
  background-color: blue;
}

.yellow-bgc {
  background-color: yellow;
}

.red-bgc {
  background-color: red;
}

.green-bgc {
  background-color: green;
}


 /* color */
.pink {
  color: pink;
}

.blue {
  color: blue;
}

.yellow {
  color: yellow;
}

.red {
  color: red;
}

.green {
  color: green;
}

.pointer {
  cursor: pointer;
}